<template>
  <div class="p-10">
    {{data}}
    <Form :form-items="formItems" v-model:data="data" :elFormConfig="{
      labelWidth: '80px',
    }"></Form>
  </div>
</template>
<script setup lang='ts'>
import type { Props } from '@/SBaseComponent/BaseForm/src/types/index.ts'

import Form from '@/SBaseComponent/BaseForm/src/Form.vue'
interface propMsg {
  formItems: Props['formItems']
}
// const emit = defineEmits([])

const props = withDefaults(defineProps<propMsg>(), {
  formItems: () => [],
})
const { formItems } = toRefs(props)
const data = ref({})
</script>
<style scoped lang='scss'>
</style>